import { useState } from 'react'
import { Canvas } from '@react-three/fiber'
import { OrbitControls } from '@react-three/drei'

function App() {
  const [count, setCount] = useState(0)

  return (
    <Canvas camera={{ position: [50, 80, 130], fov: 45, far: 10000, near: 0.1 }}>
      <ambientLight />
      <gridHelper size={1000} division={10}></gridHelper>
      <axesHelper size={100}></axesHelper>
      <OrbitControls />
    </Canvas>
  )
}

export default App
